.left1 {  width:210px; height:auto; text-align:justify; margin-left:-7px; float:left }
.left2 {  width:210px; height:auto; text-align:justify; margin-left:59.8px; float:left }
.left3 {  width:210px; height:auto; text-align:justify; margin-left:59.8px; float:left }
.left4 {  width:210px; height:auto; text-align:justify; margin-left:59.8px; float:left }
.left5 {  width:210px; height:auto; text-align:justify; margin-left:59.8px; float:left }
ul#nav, ul#nav ul{ list-style-type:none; margin: 0; padding: 0; width: 16.8em; }
ul#nav a { display: block; text-decoration: none; cursor:pointer;}
ul#nav li { margin-top:1px;}
ul#nav li a { background: #333; font-size:1rem; color: #fff; padding: 0.5em; padding-left:60px; height: auto; vertical-align: middle; }
ul#nav li a:hover  { background: #000; cursor:pointer;}
ul#nav li ul li a { background: #ccc; color: #000; padding-left: 60px; cursor:pointer;}
ul#nav li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 60px; cursor:pointer;} 
#nav ul { padding: 1px; display: none;}
body{overflow:scroll; background-repeat:repeat-x; }
ul#nav1, ul#nav1 ul{ list-style-type:none; margin: 0; padding: 0; width: 20em;}
.left1.1 {  width:310px; height:auto; text-align:justify; margin-left:33px; float:left}
.left2.1 {  width:210px; height:auto; text-align:justify; margin-left:59.8px; float:left}